<!doctype html>
<html>
	<head>
		<title>Polar Area Chart</title>
                <script src="qrc:/html/Chart.js"></script>
                <script src="qrc:/html/utils.js"></script>
	</head>
	<body>
                <div id="canvas-holder" style="width:100%;">
                        <canvas id="chart-area" width="225" height="225"/>
		</div>

	<script>
        var chartColors = window.chartColors;
        var color = Chart.helpers.color;
        var config = {
            data: {
                datasets: [{
                    data: [MEOW],
                    backgroundColor: [
                        color(chartColors.red).alpha(0.5).rgbString(),
                        color(chartColors.blue).alpha(0.5).rgbString(),
                        color(chartColors.yellow).alpha(0.5).rgbString(),
                        color(chartColors.green).alpha(0.5).rgbString(),
                        color(chartColors.purple).alpha(0.5).rgbString(),
                    ]
                }],
                labels: [
                    "CC",
                    "Refs",
                    "BB",
                    "XRefs",
                    "End BB"
                ]
            },
            options: {
                responsive: true,
                legend: {
                    display: false
                },
                title: {
                    display: false,
                    text: 'Chart.js Polar Area Chart'
                },
                tooltips: {
                    mode: 'index',
                    intersect: false,
                    displayColors: false,
                },
                scale: {
                  ticks: {
                    beginAtZero: true
                  },
                  reverse: false
                },
                animation: {
                    duration: 0,
                    animateRotate: false,
                    animateScale: true
                }
            }
        };

       window.onload = function() {
            var ctx = document.getElementById("chart-area");
            window.myPolarArea = Chart.PolarArea(ctx, config);
        };

	</script>
	</body>
</html>
